<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用优惠券</title>
<!--公共样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/css/reset.css">
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/css/common.css">
<!--公共样式结束-->
<!--表单公共样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/css/model_form.css">
<!--表单公共样式结束-->
<!--私有样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/css/page_vipcard.css">
<!--私有样式结束-->
<!--FontAwesome开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/plugins/FontAwesome/css/font-awesome.min.css">
<!--FontAwesome结束-->
<!--核心JS开始-->
<script src="{$NOW_THEME_URL}/Assets/js/jquery.min.js"></script>
<!--核心JS结束-->
<script type="text/javascript">
	$(function(){
		$('#goBack').on('click',function(){
			window.history.back();
		});
		
		/*右侧导航点击事件*/
		$('.hb_right').click(function(){
			$(".wrapper").toggleClass("a");
			$(".nav_box").toggleClass("b");
		});
		
		/*右侧导航二级*/
		$('.erji').click(function(){
			$(this).find("ul").toggleClass("c");
		});
		
		//表单提交
		$('.btn').click(function(){
			$('.yhjuseForm').submit();
		})
	});
	function yhj_computing(id,total){
		if(total!=""){
			$.get("{:U('Yhj/yhj_use')}",{id:id,total:total},function(data){
				
				var coupon_price = parseInt(total-data);
				
				$("#coupon").val(data);
				$(".coupon_price").html(''+coupon_price);
				$(".totalprice").html(''+data);
			});
		}else{
			return;
		}
	}
</script>
</head>
<body>
<!-- 头部开始-->
<include file="Public:header" />
<!-- 头部结束-->
<!--主体开始-->
<div id="pageHome">
	<!--主体盒子开始-->
    <div id="wrapper" class="wrapper radius_5 bg_white">
    	<!--面包屑导航开始-->
        <ul class="pagePosition clearfix">
        	<li><a href="{:U('Index/index')}"><i class="icon-home"></i> 首页</a></li>
            <li><i class="icon-angle-right"></i></li>
            <li><a href="#">添加优惠券</a></li>
        </ul>
        <!--面包屑导航结束-->
        <div class="space_hx">&nbsp;</div>
        <!--使用优惠券开始-->
        <div class="box_add">
        	<form name="yhjuseForm" id="yhjuseForm" class="yhjuseForm" method="post" action="{:U('Yhj/yhj_use')}">
            <input type="hidden" name="yhjid"      value="{$detail.data.cid}">
            <input type="hidden" name="userid"     value="{$detail.data.userid}">
            <input type="hidden" name="coupon"     value="" id="coupon">
                
                <div class="box_vipcard_form">
                    <ul>
                        <li>优惠券编号：{$detail.data.yhjno}</li>
                        <li>优惠券说明：{$detail.data.description}</li>
                        <li>开始时间：{$detail.data.starttime|date="Y-m-d H:i:s",###}</li>
                        <li>过期时间：{$detail.data.expires|date="Y-m-d H:i:s",###}
                        </li>
                        <li>姓　　名：{$detail.data.realname}</li>
                        <li>电　　话：{$detail.data.mobile}</li>
                        <li>优惠详情：<br/>{$detail.data.attr_str}</li>
                    </ul>
                </div>
                <div class="box_vipcard_form">
                    <ul>
                        <li>消费金额：<input type="text" name="total" class="input_text" 
                        placeholder="请输入消费金额" onBlur="yhj_computing({$detail.data.cid},this.value)"></li>
                        <li>实付金额：<b class="totalprice"></b></li>
                        <li>优惠金额：<b class="coupon_price price"></b></li>
                        <li>
                        	<textarea style="width:96%" name="remark" placeholder="请输入消费备注，如：来店消费100元，优惠10元"></textarea>
                        </li>
                    </ul>
                </div>
            </form>
            <div class="btn bg_green">确认使用</div>
            <div class="space_hx">&nbsp;</div>
        </div>
        <!--使用优惠券结束-->
    </div>
    <!--主体盒子结束 -->
    <!--导航盒子开始-->
  <include file="Public:menu" />
    <!--导航盒子结束-->
</div>
<!--主体结束-->
</body>
</html>